import React, {useState, useEffect} from 'react';

import {
    NavBar,
    Icon,
    Badge,
    List,
    InputItem,
    Picker,
    Checkbox,
    DatePicker,
    TextareaItem,
    Button,
    Accordion,
    Modal
} from 'antd-mobile';

import {createForm} from 'rc-form'

import {courseType, provinces, RESUME_STATUSES, R} from '@/assets/js/dict.js'

import {PostAddResume, GetDetailsResume, PostUpdateResume, getResumeDisplay} from '@/api/tutor/biographicalNotes.js'

import './biographicalNotes.scss';

const AgreeItem = Checkbox.AgreeItem;
const alert = Modal.alert;
const RegExpNum = /(?:^\s*$)|(?:^[1-9]\d*(?:\.\d*)?\/[1-9]\d+$)/;

// 需要必填的字段 
let requiredCodeArr = [
    {
        name: 'school', // 学校
        title: '学校'
    },
    {
        name: 'college', // 学院
        title: '学院'
    },
    {
        name: 'profession', // 专业
        title: '专业'
    },
    {
        name: 'grade', // 年级
        title: '年级'
    },
    {
        name: 'high_school_province', // 中考省份
        title: '中考省份'
    },
    {
        name: 'college_school_province', // 高考省份
        title: '高考省份'
    },
    {
        name: 'skilled', // 擅长的辅导内容
        title: '擅长的辅导内容'
    },
    {
        name: 'prize', // 获奖情况
        title: '获奖情况'
    },
    {
        name: 'qttc', // 其他特长
        title: '其他特长'
    },
    {
        name: 'self_evaluation', // 自我评价
        title: '自我评价'
    },
    {
        name: 'teaching_idea', // 教学理念
        title: '教学理念'
    }
];

/**
 * 简历编辑页
 */
function Publish(props) {
    let [userInfo] = useState(() => {
        let userInfo = JSON.parse(sessionStorage.getItem("userInfo"));
        return userInfo
    });

    const [Resume, SetResume] = useState({}); // 表单
    const [ResumeRule, SetResumeRule] = useState({}); // 校验规则
    const [notesTipsVisible, SetNotesTipsVisible] = useState(true) // 提示显隐

    // 保存简历
    function handleOk() {
        let postData = {}, errorList = {}, errorArr = [];
        postData = props.form.getFieldsValue().Resume;
        postData.class_type = Array.isArray(postData.class_type) ? postData.class_type[0] : '';
        postData.college_school_province = Array.isArray(postData.college_school_province) ? postData.college_school_province[0] : '';
        postData.high_school_province = Array.isArray(postData.high_school_province) ? postData.high_school_province[0] : '';
        postData.tutor_id = JSON.parse(sessionStorage.getItem('userInfo')).id;

        console.log('postData ---->>>', postData)

        requiredCodeArr.map((item) => {
            if (!postData[item.name]) {
                errorList[item.name] = '内容不能为空'
                errorArr.push(item.title)
            }
        })

        console.log('errorList --------3 ------>>>', errorList)

        if (Object.keys(errorList).length == 0) {

            let id = sessionStorage.getItem("resume_id");
            // 判断是 修改还是添加
            if (id) {
                postData.id = id;
                PostUpdateResume(postData).then(res => {
                    if (res.code == '000000') {
                        alert('提示', '保存成功', [
                            {
                                text: '知道了', onPress: () => {
                                    props.history.push({
                                        pathname: '/biographicalNotesDetails',
                                        params: props.location.params
                                    })

                                }
                            },
                        ])
                    }
                }).catch(err => {
                    console.log(err)
                })
            } else {
                PostAddResume(postData).then(res => {
                    if (res.code == '000000') {
                        alert('提示', '添加成功', [
                            {
                                text: '知道了', onPress: () => {
                                    sessionStorage.setItem("resume_id", R.getData(res).id);
                                    props.history.push({
                                        pathname: '/biographicalNotesDetails',
                                        params: props.location.params
                                    })

                                }
                            },
                        ])
                    }
                }).catch(err => {
                    console.log(err)
                })
            }
        } else {
            alert('提示', errorArr.join('、') + ' 内容不能为空')
            SetResumeRule(errorList)
        }
    }

    // 错误提示
    function handleErrorClick(value) {
        console.log()
        alert('提示', value, [
            {
                text: '确定'
            },
        ])
    }

    // 选择课程类型  文 / 理
    let handleCourseType = () => {
        if (props.form.getFieldsValue().Resume.class_type == '文科') {
            return (
                <div>
                    <InputItem
                        {...getFieldProps('Resume.college_politics', {
                            initialValue: Resume.college_politics,
                        })}
                        clear
                        placeholder="请输入，得分/总分"
                        error={ResumeRule.college_politics}
                        onErrorClick={() => {
                            handleErrorClick(ResumeRule.college_politics)
                        }}
                    >高考-政治</InputItem>
                    <InputItem
                        {...getFieldProps('Resume.college_history', {
                            initialValue: Resume.college_history,
                        })}
                        clear
                        placeholder="请输入，得分/总分"
                        error={ResumeRule.college_history}
                        onErrorClick={() => {
                            handleErrorClick(ResumeRule.college_history)
                        }}

                    >高考-历史</InputItem>
                    <InputItem
                        {...getFieldProps('Resume.college_geography', {
                            initialValue: Resume.college_geography,
                        })}
                        clear
                        placeholder="请输入，得分/总分"
                        error={ResumeRule.college_geography}
                        onErrorClick={() => {
                            handleErrorClick(ResumeRule.college_geography)
                        }}
                    >高考-地理</InputItem>
                </div>
            )
        } else if (props.form.getFieldsValue().Resume.class_type == '理科') {
            return (
                <div>
                    <InputItem
                        {...getFieldProps('Resume.college_physics', {
                            initialValue: Resume.college_physics,
                        })}
                        clear
                        placeholder="请输入，得分/总分"
                        error={ResumeRule.college_physics}
                        onErrorClick={() => {
                            handleErrorClick(ResumeRule.college_physics)
                        }}
                    >高考-物理</InputItem>
                    <InputItem
                        {...getFieldProps('Resume.college_chemie', {
                            initialValue: Resume.college_chemie,
                        })}
                        clear
                        placeholder="请输入，得分/总分"
                        error={ResumeRule.college_chemie}
                        onErrorClick={() => {
                            handleErrorClick(ResumeRule.college_chemie)
                        }}
                    >高考-化学</InputItem>
                    <InputItem
                        {...getFieldProps('Resume.college_biology', {
                            initialValue: Resume.college_biology,
                        })}
                        clear
                        placeholder="请输入，得分/总分"
                        error={ResumeRule.college_biology}
                        onErrorClick={() => {
                            handleErrorClick(ResumeRule.college_biology)
                        }}
                    >中考-生物</InputItem>
                </div>
            )
        }
    }

    useEffect(() => {
        // 查看简历详细信息 GET
        console.log('useEffect. props -------->>>', props);
        let id = sessionStorage.getItem("resume_id");
        if (id) {
            GetDetailsResume({id: id}).then(res => {
                if (res.code == '000000') {
                    console.log('res -------->>>', res);
                    let data = res.responseData;
                    data.class_type = new Array(data.class_type);
                    data.college_school_province = new Array(data.college_school_province);
                    data.high_school_province = new Array(data.high_school_province);
                    SetResume(data);
                }
            }).catch(err => {

            })
        } else {
            getResumeDisplay({tutor_id: userInfo.id}, (res) => {
                if (R.isSuccess(res)) {
                    SetResume({display: R.getData(res)});
                }
            });
        }
    }, []);

    const {getFieldProps, getFieldDecorator} = props.form;

    return (
        <div className="biographicalNotes">
            <div className="page-title  biographicalNotes-tit">
                <NavBar
                    mode="light"
                    icon={<Icon type="left"/>}
                    onLeftClick={() => {
                        if (sessionStorage.getItem("resume_id")) {
                            props.history.push({
                                pathname: '/biographicalNotesDetails',
                                params: props.location.params
                            });
                        } else {
                            props.history.goBack();
                        }
                    }}
                >
                    我的简历
                </NavBar>
            </div>

            <div className="page-content biographicalNotes-content">
                <div className="biographicalNotes-content-piece">
                    <div className="form-box">
                        <div className="form-tit">
                            <i className="mini-block"></i>
                            <strong>基本信息</strong>
                        </div>
                        <div className="form-con">
                            <List>
                                <div className="textarea-box">
                                    <TextareaItem
                                        title="标题"
                                        autoHeight
                                        labelNumber={7}
                                        {...getFieldProps('Resume.display', {
                                            initialValue: Resume.display
                                        })}
                                        clear
                                        placeholder="请输入"
                                    />
                                </div>
                                <div className="textarea-box">
                                    <TextareaItem
                                        title={<span><strong className="req">*</strong>学校（全称）</span>}
                                        autoHeight
                                        labelNumber={7}
                                        {...getFieldProps('Resume.school', {
                                            initialValue: Resume.school,
                                            rules: [{
                                                required: true,
                                                message: '请输入学校（全称）',
                                            }]
                                        })}
                                        clear
                                        placeholder="必填项，请输入"
                                        extra={<span key={"school"}>*</span>}
                                        error={ResumeRule.school}
                                        onErrorClick={() => {
                                            handleErrorClick(ResumeRule.school)
                                        }}

                                    />
                                </div>
                                <div className="textarea-box">
                                    <TextareaItem
                                        title={<span><strong className="req">*</strong>学院（全称）</span>}
                                        autoHeight
                                        labelNumber={7}
                                        {...getFieldProps('Resume.college', {
                                            initialValue: Resume.college,
                                            rules: [{
                                                required: true,
                                                message: '请输入学院（全称）',
                                            }]
                                        })}
                                        clear
                                        placeholder="必填项，请输入"
                                        error={ResumeRule.college}
                                        onErrorClick={() => {
                                            handleErrorClick(ResumeRule.college)
                                        }}
                                    />
                                </div>
                                <div className="textarea-box">
                                    <TextareaItem
                                        title={<span><strong className="req">*</strong>专业</span>}
                                        autoHeight
                                        labelNumber={7}
                                        {...getFieldProps('Resume.profession', {
                                            initialValue: Resume.profession,
                                            rules: [{
                                                required: true,
                                                message: '请输入专业',
                                            }]
                                        })}
                                        clear
                                        placeholder="必填项，请输入"
                                        error={ResumeRule.profession}
                                        onErrorClick={() => {
                                            handleErrorClick(ResumeRule.profession)
                                        }}
                                    />
                                </div>
                            </List>
                        </div>
                        <div className="form-tit">
                            <i className="mini-block"></i>
                            <strong>教育信息</strong>
                            <span className="tips">分数格式为 得分/总分 </span>
                        </div>
                        <div className="form-con">
                            <List>
                                <InputItem
                                    {...getFieldProps('Resume.grade', {
                                        initialValue: Resume.grade,
                                        rules: [{
                                            required: true,
                                            message: '请输入年级',
                                        }]
                                    })}
                                    clear
                                    placeholder="必填项，请输入"
                                    error={ResumeRule.grade}
                                    onErrorClick={() => {
                                        handleErrorClick(ResumeRule.grade)
                                    }}

                                ><span><strong className="req">*</strong>年级</span></InputItem>
                                <InputItem
                                    {...getFieldProps('Resume.zkzf', {
                                        initialValue: Resume.zkzf,
                                    })}
                                    clear
                                    labelNumber={7}
                                    placeholder="请输入，得分/总分"
                                    error={ResumeRule.zkzf}
                                    onErrorClick={() => {
                                        handleErrorClick(ResumeRule.zkzf)
                                    }}
                                >中考总分</InputItem>
                                <Picker
                                    data={provinces}
                                    cols={1}
                                    {...getFieldProps('Resume.high_school_province', {
                                        initialValue: Resume.high_school_province
                                    })}

                                >
                                    <List.Item arrow="horizontal"><span><strong className="req">*</strong>中考省份</span></List.Item>
                                </Picker>
                                <Accordion accordion className="subject-list">
                                    <Accordion.Panel header="中考单科成绩" key="1">
                                        <List>
                                            <InputItem
                                                {...getFieldProps('Resume.high_language', {
                                                    initialValue: Resume.high_language,
                                                })}
                                                clear
                                                error={ResumeRule.high_language}
                                                onErrorClick={() => {
                                                    handleErrorClick(ResumeRule.high_language)
                                                }}
                                                placeholder="请输入，得分/总分"
                                            >中考-语文</InputItem>
                                            <InputItem
                                                {...getFieldProps('Resume.high_math', {
                                                    initialValue: Resume.high_math,
                                                })}
                                                clear
                                                error={ResumeRule.high_math}
                                                onErrorClick={() => {
                                                    handleErrorClick(ResumeRule.high_math)
                                                }}
                                                placeholder="请输入，得分/总分"
                                            >中考-数学</InputItem>
                                            <InputItem
                                                {...getFieldProps('Resume.high_english', {
                                                    initialValue: Resume.high_english,
                                                })}
                                                clear
                                                error={ResumeRule.high_english}
                                                onErrorClick={() => {
                                                    handleErrorClick(ResumeRule.high_english)
                                                }}
                                                placeholder="请输入，得分/总分"
                                            >中考-英语</InputItem>
                                            <InputItem
                                                {...getFieldProps('Resume.high_physics', {
                                                    initialValue: Resume.high_physics,
                                                })}
                                                error={ResumeRule.high_physics}
                                                onErrorClick={() => {
                                                    handleErrorClick(ResumeRule.high_physics)
                                                }}
                                                clear
                                                placeholder="请输入，得分/总分"
                                            >中考-物理</InputItem>
                                            <InputItem
                                                {...getFieldProps('Resume.high_chemie', {
                                                    initialValue: Resume.high_chemie,
                                                })}
                                                clear
                                                placeholder="请输入，得分/总分"
                                                onErrorClick={() => {
                                                    handleErrorClick(ResumeRule.high_chemie)
                                                }}
                                                error={ResumeRule.high_chemie}
                                            >中考-化学</InputItem>
                                            <InputItem
                                                {...getFieldProps('Resume.high_politics', {
                                                    initialValue: Resume.high_politics,
                                                })}
                                                clear
                                                error={ResumeRule.high_politics}
                                                onErrorClick={() => {
                                                    handleErrorClick(ResumeRule.high_politics)
                                                }}
                                                placeholder="请输入，得分/总分"
                                            >中考-政治</InputItem>
                                            <InputItem
                                                {...getFieldProps('Resume.high_history', {
                                                    initialValue: Resume.high_history,
                                                })}
                                                clear
                                                placeholder="请输入，得分/总分"
                                                error={ResumeRule.high_history}
                                                onErrorClick={() => {
                                                    handleErrorClick(ResumeRule.high_history)
                                                }}
                                            >中考-历史</InputItem>
                                            <InputItem
                                                {...getFieldProps('Resume.high_geography', {
                                                    initialValue: Resume.high_geography,
                                                })}
                                                clear
                                                placeholder="请输入，得分/总分"
                                                error={ResumeRule.high_geography}
                                                onErrorClick={() => {
                                                    handleErrorClick(ResumeRule.high_geography)
                                                }}
                                            >中考-地理</InputItem>
                                            <InputItem
                                                {...getFieldProps('Resume.high_biology', {
                                                    initialValue: Resume.high_biology,
                                                })}
                                                clear
                                                error={ResumeRule.high_biology}
                                                onErrorClick={() => {
                                                    handleErrorClick(ResumeRule.high_biology)
                                                }}
                                                placeholder="请输入，得分/总分"
                                            >中考-生物</InputItem>
                                        </List>
                                    </Accordion.Panel>
                                </Accordion>
                                <InputItem
                                    {...getFieldProps('Resume.gkzf', {
                                        initialValue: Resume.gkzf,
                                    })}
                                    clear
                                    labelNumber={7}
                                    placeholder="请输入，得分/总分"
                                    error={ResumeRule.gkzf}
                                    onErrorClick={() => {
                                        handleErrorClick(ResumeRule.gkzf)
                                    }}
                                >高考总分</InputItem>
                                <Picker
                                    data={provinces}
                                    cols={1}
                                    {...getFieldProps('Resume.college_school_province', {
                                        initialValue: Resume.college_school_province
                                    })}

                                >
                                    <List.Item arrow="horizontal"><span><strong className="req">*</strong>高考省份</span></List.Item>
                                </Picker>
                                <Picker
                                    data={courseType}
                                    cols={1}
                                    {...getFieldProps('Resume.class_type', {
                                        initialValue: Resume.class_type
                                    })}

                                >
                                    <List.Item arrow="horizontal"><span><strong className="req">*</strong>课程类型</span></List.Item>
                                </Picker>
                                <InputItem
                                    {...getFieldProps('Resume.college_score_ranking', {
                                        initialValue: Resume.college_score_ranking
                                    })}
                                    clear
                                    placeholder="请输入"
                                    error={ResumeRule.college_score_ranking}
                                    onErrorClick={() => {
                                        handleErrorClick(ResumeRule.college_score_ranking)
                                    }}
                                    labelNumber={7}
                                >高考成绩排名</InputItem>
                                <Accordion accordion className="subject-list">
                                    <Accordion.Panel header="高考单科成绩" key="2">
                                        <List>
                                            <InputItem
                                                {...getFieldProps('Resume.college_language', {
                                                    initialValue: Resume.college_language,
                                                })}
                                                clear
                                                error={ResumeRule.college_language}
                                                onErrorClick={() => {
                                                    handleErrorClick(ResumeRule.college_language)
                                                }}
                                                placeholder="请输入，得分/总分"
                                            >高考-语文</InputItem>
                                            <InputItem
                                                {...getFieldProps('Resume.college_math', {
                                                    initialValue: Resume.college_math,
                                                })}
                                                error={ResumeRule.college_math}
                                                onErrorClick={() => {
                                                    handleErrorClick(ResumeRule.college_math)
                                                }}
                                                clear
                                                placeholder="请输入，得分/总分"
                                            >高考-数学</InputItem>
                                            <InputItem
                                                {...getFieldProps('Resume.college_english', {
                                                    initialValue: Resume.college_english,
                                                })}
                                                error={ResumeRule.college_english}
                                                onErrorClick={() => {
                                                    handleErrorClick(ResumeRule.college_english)
                                                }}
                                                clear
                                                placeholder="请输入，得分/总分"
                                            >高考-英语</InputItem>
                                            {handleCourseType()}
                                        </List>
                                    </Accordion.Panel>
                                </Accordion>
                            </List>

                            <Accordion accordion className="my-accordion">
                                <Accordion.Panel header={<span><strong className="req">*</strong>擅长的辅导内容</span>} key="1">
                                    <div className="textarea-box">
                                        <TextareaItem
                                            {...getFieldProps('Resume.skilled', {
                                                initialValue: Resume.skilled,
                                                rules: [{
                                                    required: true,
                                                    message: '请输入擅长的辅导内容',
                                                }]
                                            })}
                                            placeholder="必填项，请输入擅长的辅导内容：学科请按照“年级（或年级段）-科目”的格式填写，其他擅长的辅导内容（舞蹈、乐器等）请表述清楚"
                                            clear
                                            rows="6"
                                            autoHeight
                                            count={100}
                                            error={ResumeRule.skilled}
                                            onErrorClick={() => {
                                                handleErrorClick(ResumeRule.skilled)
                                            }}
                                        />
                                    </div>
                                </Accordion.Panel>
                                <Accordion.Panel header="家教经验" key="2">
                                    <div className="textarea-box">
                                        <TextareaItem
                                            title={'家教经验一'}
                                            {...getFieldProps('Resume.experience_one', {
                                                initialValue: Resume.experience_one
                                            })}
                                            placeholder="一般学科请按照“年级（或年级段）-科目”的格式填写，其他擅长的辅导内容（舞蹈、乐器等）请表述清楚"
                                            clear
                                            rows="6"
                                            autoHeight
                                            count={100}

                                        />
                                    </div>
                                    <div className="textarea-box">
                                        <TextareaItem
                                            title={'家教经验二'}
                                            {...getFieldProps('Resume.experience_tow', {
                                                initialValue: Resume.experience_tow
                                            })}
                                            placeholder="一般学科请按照“年级（或年级段）-科目”的格式填写，其他擅长的辅导内容（舞蹈、乐器等）请表述清楚"
                                            clear
                                            rows="6"
                                            autoHeight
                                            count={100}

                                        />
                                    </div>
                                    <div className="textarea-box">
                                        <TextareaItem
                                            title={'家教经验三'}
                                            {...getFieldProps('Resume.experience_three', {
                                                initialValue: Resume.experience_three
                                            })}
                                            placeholder="一般学科请按照“年级（或年级段）-科目”的格式填写，其他擅长的辅导内容（舞蹈、乐器等）请表述清楚"
                                            clear
                                            rows="6"
                                            autoHeight
                                            count={100}

                                        />
                                    </div>
                                </Accordion.Panel>
                                <Accordion.Panel header={<span><strong className="req">*</strong>获奖情况</span>} key="3">
                                    <div className="textarea-box">
                                        <TextareaItem
                                            {...getFieldProps('Resume.prize', {
                                                initialValue: Resume.prize,
                                                rules: [{
                                                    required: true,
                                                    message: '必填项，请输入获奖情况',
                                                }]
                                            })}
                                            placeholder="必填项，学习相关、学习无关均可"
                                            clear
                                            rows="6"
                                            autoHeight
                                            count={100}
                                            error={ResumeRule.prize}
                                            onErrorClick={() => {
                                                handleErrorClick(ResumeRule.prize)
                                            }}
                                        />
                                    </div>
                                </Accordion.Panel>
                                <Accordion.Panel header={<span><strong className="req">*</strong>其他特长</span>} key="4">
                                    <div className="textarea-box">
                                        <TextareaItem
                                            {...getFieldProps('Resume.qttc', {
                                                initialValue: Resume.qttc,
                                                rules: [{
                                                    required: true,
                                                    message: '请输入其他特长',
                                                }]
                                            })}
                                            placeholder="必填项，请输入"
                                            clear
                                            rows="6"
                                            autoHeight
                                            count={100}
                                            error={ResumeRule.qttc}
                                            onErrorClick={() => {
                                                handleErrorClick(ResumeRule.qttc)
                                            }}
                                        />
                                    </div>
                                </Accordion.Panel>
                            </Accordion>

                        </div>
                        <div className="form-tit">
                            <i className="mini-block"></i>
                            <strong>其他信息</strong>
                        </div>
                        <div className="form-con">
                            <Accordion accordion className="my-accordion">
                                <Accordion.Panel header={<span><strong className="req">*</strong>自我评价</span>} key="1">
                                    <div className="textarea-box">
                                        <TextareaItem
                                            {...getFieldProps('Resume.self_evaluation', {
                                                initialValue: Resume.self_evaluation,
                                                rules: [{
                                                    required: true,
                                                    message: '请输入自我评价',
                                                }]
                                            })}
                                            placeholder="必填项，请输入自我评价， 内容在30字左右"
                                            clear
                                            rows="6"
                                            autoHeight
                                            count={100}
                                            error={ResumeRule.self_evaluation}
                                            onErrorClick={() => {
                                                handleErrorClick(ResumeRule.self_evaluation)
                                            }}
                                        />
                                    </div>
                                </Accordion.Panel>
                                <Accordion.Panel header={<span><strong className="req">*</strong>教学理念（不少于30字）</span>} key="2">
                                    <div className="textarea-box">
                                        <TextareaItem
                                            {...getFieldProps('Resume.teaching_idea', {
                                                initialValue: Resume.teaching_idea,
                                                rules: [{
                                                    required: true,
                                                    message: '请输入教学理念',
                                                }]
                                            })}
                                            placeholder="必填项，请输入您的教学理念，内容不少于30字"
                                            clear
                                            rows="6"
                                            autoHeight
                                            count={100}
                                            error={ResumeRule.teaching_idea}
                                            onErrorClick={() => {
                                                handleErrorClick(ResumeRule.teaching_idea)
                                            }}
                                        />
                                    </div>
                                </Accordion.Panel>

                                <Accordion.Panel header="备注说明" key="3">
                                    <div className="textarea-box">
                                        <TextareaItem
                                            {...getFieldProps('Resume.note', {
                                                initialValue: Resume.note
                                            })}
                                            placeholder="备注..."
                                            clear
                                            rows="6"
                                            autoHeight
                                            count={100}
                                            error={ResumeRule.note}
                                            onErrorClick={() => {
                                                handleErrorClick(ResumeRule.note)
                                            }}
                                        />
                                    </div>
                                </Accordion.Panel>
                            </Accordion>
                        </div>
                        <div className="form-footer">
                            <Button type="primary" onClick={handleOk}>保存简历</Button>
                        </div>
                    </div>
                </div>
            </div>

            <Modal
                popup
                visible={notesTipsVisible}
                animationType="slide-up"
                onClose={() => {
                    SetNotesTipsVisible(false)
                }}
                afterClose={() => {
                }}
            >
                <div className="notes-tips">
                    <h3>
                        注意
                    </h3>
                    <div className="notes-tips-content">
                        <p>为了提高接单成功率，请您尽可能填写规范且具体。</p>
                        <ol>
                            <li>本简历中选填项为：“中考总分”、“中考单科成绩”、“高考总分”、“高考成绩排名”、“高考单科成绩”、“家教经验”、“备注说明”；除此之外的所有字段为必填项。</li>
                            <li>因不同省份总分不同，分数输入格式为 “得分/总分” 。</li>
                        </ol>
                    </div>
                    <div className="notes-tips-footer">
                        <Button type="primary" onClick={() => {
                            SetNotesTipsVisible(false)
                        }}>知道了</Button>
                    </div>
                </div>
            </Modal>
        </div>
    );
}

Publish = createForm()(Publish);

export default Publish;